<template>
    <div class="about_us">
        <div id="row_43">
            <div class="customModuleRowInner">
                <div class="inner" style="height: 300px"></div>
            </div>
        </div>
        <div class="about">
            <div class="about_inner">
                <h1 class="ev-text-title-1" style="text-align: center; margin-bottom: 15px">
                    <span style="font-family: 微软雅黑; font-size: 40px; color: #333333">关于我们</span>
                </h1>
                <div style="text-align: left">
                    <p style="color: #333333; font-family: 微软雅黑; font-size: 14px; line-height: 2; text-indent: 1cm">
                        哎哟哟采摘园景区背依青山而建，风景迷人，视野开阔,空气清新，门前紧靠马路,交通便利。农家与游客欢笑声相伴，院内环境幽雅，宽敞舒畅。我们以真诚朴实的心对待每一位来游玩的顾客，以最美味的饭菜让您一饱口福，这里会让您吃的放心，住的舒心玩的开心（可以自己亲自动手包饺子、烧烤等尝试,
                        体验农家生活）。森林之家民俗餐厅以饭菜质量谋发展，以干净整洁、高质量服务求生存。
                    </p>
                </div>
                <span style="font-family: 微软雅黑; font-size: 14px; color: rgb(51, 51, 51)">
                    <div style="text-align: left">
                        <p style="line-height: 2; text-indent: 1cm">
                            本农家院可提供农家大铁锅做的饭菜,本农家院真诚的欢迎广大游客来家做客(春夏秋冬有暖气空调,四季营业)。本民俗餐厅拥有齐全的设施，游客可进行篝火、采摘、爬山、KTV卡拉OK（50元/小时）等。
                        </p>
                    </div>
                </span>
            </div>
        </div>
        <div class="content_item">
            <h1 class="ev-text-title-1" style="text-align: center">
                <span style="font-family: 微软雅黑; font-size: 40px; color: #333333;width:1200px;margin:0 auto">农家娱乐</span>
            </h1>
            <div style="width: 1200px; display: flex; margin: 0 auto; overflow: hidden; flex-wrap: wrap">
                <div v-for="(amuseMentImageItem, index) in amuseMentImage" :key="index" style="width: 384px; margin: 5px; overflow: hidden">
                    <img :src="amuseMentImageItem.imgUrl" alt="" style="width: 384px; hegiht: 240px" />
                    <div class="pic-attr" style="">
                        <h3 class="pic-title">
                            <a class="">{{ amuseMentImageItem.title }}</a>
                        </h3>
                        <div class="pic-intro">
                            <p>{{ amuseMentImageItem.content }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            amuseMentImage: [
                {
                    imgUrl:
                        'http://aimg8.dlszyht.net.cn/module_pic_con/800_1500/1749083/3581/7160073_1534756453.jpg?x-oss-process=image/resize,m_lfit,w_385,h_240,limit_0',
                    title: '划船比赛',
                    content: '团队组合划船的乐趣，回味无穷，越挫越勇'
                },
                {
                    imgUrl:
                        'http://aimg8.dlszyht.net.cn/module_pic_con/800_1500/1749083/3581/7160051_1534756433.jpg?x-oss-process=image/resize,m_lfit,w_385,h_240,limit_0',
                    title: '自助烧烤BBQ',
                    content: '团队组合划船的乐趣，回味无穷，越挫越勇'
                },
                {
                    imgUrl:
                        'http://aimg8.dlszyht.net.cn/module_pic_con/800_1500/1749083/3581/7160034_1534756398.jpg?x-oss-process=image/resize,m_lfit,w_385,h_240,limit_0',
                    title: '农场蔬果采摘体验',
                    content: '团队组合划船的乐趣，回味无穷，越挫越勇'
                },
                {
                    imgUrl:
                        'http://aimg8.dlszyht.net.cn/module_pic_con/800_1500/1749083/3581/7160021_1534756381.jpg?x-oss-process=image/resize,m_lfit,w_385,h_240,limit_0',
                    title: '篝火晚会',
                    content: '团队组合篝火的乐趣，回味无穷，越挫越勇'
                },
                {
                    imgUrl:
                        'http://aimg8.dlszyht.net.cn/module_pic_con/800_1500/1749083/3581/7160018_1534756367.jpg?x-oss-process=image/resize,m_lfit,w_385,h_240,limit_0',
                    title: '湖边垂钓',
                    content: '团队组合垂钓的乐趣，回味无穷，越挫越勇'
                },
                {
                    imgUrl:
                        'http://aimg8.dlszyht.net.cn/module_pic_con/800_1500/1749083/3580/7160000_1534756354.jpg?x-oss-process=image/resize,m_lfit,w_385,h_240,limit_0',
                    title: '峡谷漂流',
                    content: '团队组合垂钓的乐趣，回味无穷，越挫越勇'
                }
            ]
        };
    },
    computed: {},
    methods: {}
};
</script>

<style scoped>
#row_43 {
    background-color: #ffffff;
    background-image: url(https://aimg8.dlszyht.net.cn/ev_user_module_content_tmp/2018_08_20/tmp1534759468_1749083_s.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
}
.customModuleRowInner {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 1200px;
}
.about {
    background-color: #ffffff;
    margin-top: 30px;
}
.about .about_inner {
    width: 1200px;
    height: 250px;
    margin: 0 auto;
}
.content_item {
    margin-bottom: 60px;
    overflow: hidden;
}
.pic-attr {
    overflow: hidden;
    margin: 0 auto;
}
.pic-title {
    padding-top: 18px;
    padding-bottom: 12px;
}
</style>